/**
 * 物联控制
 * @author xiaoxujs
 */

import styled from "styled-components";

export const WuliankongzhiBox = styled.div`
    .video_box{
        display: flex;
        justify-content: space-between;
    }
    .xinxi_box{
        display: flex;
        justify-content: space-between;
        margin-top: 2rem;
    }
`

export const VideoBoxStyle = styled.div`
    width: 83rem;
    height: 51rem;
    background: #FFFFFF;
    border-radius: .4rem;
    padding: 0 2rem;
    box-sizing: border-box;
    .title_box{
        height: 6.5rem;
        display: flex;
      
        justify-content: space-between;
        align-items: center;
        .title_text{
            font-family: PingFang SC;
            font-weight: bold;
            font-size: 16px;
            color: #333333;
            line-height: 5.5ren;
        }
        .title_button {
            display: flex;
            align-items: center;
            height: 6.5rem;
        }
    }
    .shipin_box{
        width: 79rem;
        height: 42.3rem;
        background: #000000;
        border-radius: .4rem;
        #video{
            width: 79rem;
            height: 100%;
        }
    }
`
export const XinxiBoxStyle = styled.div`
    width: 80rem;
    height: 44.5rem;
    background: #FFFFFF;
    border-radius: .4rem;
    padding: 2rem;
    .title{
        font-family: PingFang SC;
        font-weight: bold;
        font-size: 1.6rem;
        color: #333333;
    }
    ul{
        padding-left: 2.5rem ;
        position: relative;
        li{
            height: 5.7rem;
            border-bottom: .1rem solid #EEEEEE;
            display: flex;
            align-items: center;
            .li_title{
                width: 12.6rem;
                font-family: PingFang SC;
                font-weight: 500;
                font-size: 1.4rem;
                color: #999999;
            }
            .li_value{
                font-family: PingFang SC;
                font-weight: 500;
                font-size: 1.4rem;
                color: #333333;
            }
        }
        .button_position{
            position: absolute;
            top: 0.5rem;
            right: 1rem;
        }
    }
`